<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的购物车|一加官网</title>
		<link rel="stylesheet" href="/css/car.css">
	</head>
	<body>
		<header></header>
		<div class="car" >
			<div class="box" id="have">
				<p class="p1">购物车
				<span>全选<input type="checkbox" id="all-check"/></span>
				</p>
				<table id="car-table">
					
				</table>
				<script type="text/html" id="car-table_template">
					{{each car shop}}
					<tr data-id="{{shop.id}}">
						<td>
						<input type="checkbox" class="check" {{shop.check?'checked':''}}>
						</td>
						<td>
							<a href="/html/detail.html?id={{shop.id}}">
							<img src="{{shop.photo[0].url}}" class='photo'>
							</a>
						</td>
						<td class="name">{{shop.title.slice(0,10)}}...</td>
						<td class="price">￥{{shop.price}}</td>
						<td>
							<b class="jian">-</b>
							<span id="sp">{{shop.count}}</span>
							<b class="jia">+</b>
						</td>
						<td class="allprice">￥{{(shop.price*shop.count).toFixed(2)}}</td>
						<td class="delete">删除</td>
					</tr>
					{{/each}}
				</script>
				<div class="bottom">
					<p style="font-size: 16px;color:red;font-weight: bold;line-height: 70px;">总价:￥<span id="all"></span></p>
					<p>支持免邮</p>
					<a href="/html/list.html?id=5">继续购物</a>
					<a href="">去结算</a>
				</div>
			</div>
			<div class="empty" id="car-empty">
				<p>您的购物车还没有商品哦~</p>
				<a href="/index.html">返回首页</a>
				<a href="/html/list.html?id=5">去逛逛</a>
			</div>
		</div>
		
		
		<footer></footer>
		<script src="/libs/require.js" data-main="/js/car.js"></script>
	</body>
</html>
